<template>
      <div>
          <ul class="spot">
            <li class="Active">TOP景点</li>
            <li>TOP路线</li>
          </ul>
      </div>
</template>
<script>
    export default {
        name: "spot"
    }
</script>
<style scoped lang="stylus">
    .spot{
       line-height :.5rem;
       display: flex;
       border-bottom :1px solid #cccccc;
       justify-content :space-around;
       font-size :.18rem;
       color :#616161;
    }
    .Active{
      border-bottom: .04rem solid #00bcd4;
      color: #00afc7;
    }
</style>
